<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="inc/home::header">
</head>

<link type="text/css" th:href="@{/css/content.css}" rel="stylesheet" />

<body>
	<!--返回-->
	<div class="back"  onclick="loadPage('/index')">
		<img src="images/back.png" />
	</div>
	<div th:include="header :: header"></div>
	<div class="header-title">
		<span>用户组管理</span>
	</div>
	<div class="spare-a">
		<div class="spare-al">
			<div style="height: 10px"></div>
			<ul>
					<a href="#"  onclick="loadPage('/user')">
					<li >
						<p>用户管理</p>
				</li>
				</a>
			<!-- 		<a href="#"  onclick="loadPage('/permissions')">
					<li>
						<p>权限管理</p>
				</li>
				</a> -->
					<a href="#"  onclick="loadPage('/userGroup')">
					<li  class="active">
						<p>用户组</p>
				</li>
				</a>
			</ul>
		</div>
		<div class="spare-ar">
			<div class="spare-ara">
				<div class="spare-ara-a clearfix">
					<div class="spare-ara-al">

						<div class="spare-ara-all">
							<input name="userName" id="userName" type="text"
								placeholder="请输入关键字"></input>
						</div>

						<div class="spare-ara-alr" onclick="js_method()"></div>
					</div>
					<div class="spare-ara-ar">
						<a href="#" onclick="loadPage('/userGroupAdd')" class="spare-tj">添
							加</a> <a href="#" class="spare-qx" sel="Y" style="display: none"
							hid='Y'>全 选</a> <a href="#" class="spare-edit"
							style="display: none" hid='Y'
							onclick="loadPageEdit('/userGroupEdit')">编 辑</a> <a href="#"
							class="spare-del" style="display: none" hid='Y'
							onclick="loadPageDele('/userGroup/dele','/userGroup')">删 除</a> 
					</div>
				</div>
				<div class="srcoll-documentation" id="srcoll-documentation">
					<div class="documentation nottake">
						<ul class="lists" id="lists">

						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" th:src="@{/home/js/usergroups.js}"></script>
<script th:inline="javascript">
	/*<![CDATA[*/
	 //默认加载   每页显示数据 12              
	$(function() {
		loadDataPage("operation/usergroups", "srcoll-documentation", "lists", 12,	"userName");
	});
	/*]]>*/
</script>
</html>
